@charset "utf-8";
.expertDetail-box{
	margin-top: 48px;
}
.expertDetail-box .expert-title{
	width: 100%;
	height: 53px;
	line-height: 54px;
	/* border-bottom: 2px solid #DDDDDD; */
}
.expertDetail-box .expert-title-reset{
	width: 50% !important;
	border: none !important;
}
.expertDetail-box .expert-title .name{
	font-size: 26px;
	color: #333333;
	border-bottom: 3px solid #D8412D;
	height: 54px;
	display: inline-block;
}
.expertDetail-box .expert-title .occupation{
	font-size: 22px;
	color: #D8412D;
}
.expertDetail-box .describe-box{
	display: flex;
	flex-direction: row;
	border:1px solid rgba(230,230,230,1);
	padding-bottom: 36px;
	/* height:264px; */
	background:linear-gradient(180deg,rgba(255,247,238,1) 0%,rgba(255,255,255,1) 100%);
}
.expertDetail-box .describe-box .left-box{
	display: flex;
	flex-direction: column;
	margin: 20px 0 0 16px;
}
.expertDetail-box .describe-box .left-box img{
	width: 120px;
}
.expertDetail-box .describe-box .left-box .fans-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 17px;
	font-size:14px;
	font-family:SourceHanSansSC-Normal,SourceHanSansSC;
	font-weight:400;
	color:rgba(51,51,51,1);
}
.expertDetail-box .describe-box .left-box .fans-box-reset{
	margin-top: 8px !important;
}
.expertDetail-box .describe-box .left-box .fans-box img{
	width: 16px;
	height: 16px;
	margin-left: 18px;
}
.expertDetail-box .describe-box .left-box .fans-box .title{
	margin-left: 8px;
}
.expertDetail-box .describe-box .left-box .fans-box .sum{
	margin-left: 8px;
}
.expertDetail-box .describe-box .right-box{
	font-size:14px;
	font-family:SourceHanSansSC-Medium,SourceHanSansSC;
	font-weight:500;
	color:rgba(51,51,51,1);
	padding: 20px 16px 0 27px;
	line-height: 28px;
}
.expertDetail-box .title-box{display: flex;flex-direction: row;justify-content: space-between;align-items: center;/* padding-right: 4%; */border-bottom: 2px solid rgba(230,230,230,1);/* width: 48%; */padding-left: 0px;padding-right: 0px;}
.expertDetail-box .title-img{
	width: 173px;
	height: 48px;
}
.expertDetail-box .topic-w-box .title-box .more{
	font-size:14px;
	font-family:SourceHanSansSC-Regular,SourceHanSansSC;
	font-weight:400;
	color:rgba(153,153,153,1);
}


.expertDetail-box .topic-title{
	font-size:14px;
	font-family:SourceHanSansSC-Normal,SourceHanSansSC;
	font-weight:400;
	color:rgba(51,51,51,1);
	margin-left: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.expertDetail-box .topic-box{
	margin-top: 16px;
	border: none !important;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/* align-items: center; */
}
.expertDetail-box .around{
	width: 4px;
	height: 4px;
	background:#CCCCCC;
}
#consulting .topic-box .flex-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 88%;
}
#consulting .topic-box .topic-title:hover{
	color:rgba(216,65,45,1);
	border-bottom: 1px solid rgba(216,65,45,1);
	cursor: pointer;
}
#consulting .topic-box .topic-title:hover + .around{
	background:rgba(216,65,45,1);
}



.expertDetail-box .topic-box{
	margin-top: 16px;
	border: none !important;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/* align-items: center; */
}
.expertDetail-box .expert-reset{
	border: 1px solid rgba(230,230,230,1) !important;
	border-bottom: none !important;
	margin-top: 0px !important;
	padding: 16px 0 16px 0;
}
.expertDetail-box .coolleges-img-box{
	margin-left: -2%;
	width: 102%;
}
.expertDetail-box .coolleges-img-box .coolleges-w-box{
	/* margin-left: -4%; */
	margin-top: 20px;
	margin-left: 2%;
	width: 23%;
}
.expertDetail-box .word-box{
	display: flex;
	flex-direction: column;
	/* align-items: flex-start; */
	padding: 0px 8px 0px 8px;
}
.expertDetail-box .topic-box img{
	width: 80px;
	border-radius: 50%;
	margin-left: 16px;
}
.expertDetail-box .expert-reset .book-img{
	width: 96px !important;
	height: 110.78px !important;
	border-radius: 0% !important;
	min-width: 96px !important;
}
.expertDetail-box .word-box .name-box{
	font-size:12px;
	font-family:SourceHanSansSC-Medium,SourceHanSansSC;
	font-weight:500;
	color:rgba(51,51,51,1);
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.expertDetail-box .word-box .name-box .name{
	margin-top: 4px;
	font-size: 18px;
}
.expertDetail-box .word-box .name-r{
	font-size: 14px;
	color: rgba(216,65,45,1);
}
.expertDetail-box .word-box .description{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size:14px;
	font-family:SourceHanSansSC-Regular,SourceHanSansSC;
	font-weight:400;
	color:rgba(153,153,153,1);
	margin-top: 8px;
}
.expertDetail-box .expert-reset:last-child {
    border-bottom: 1px solid rgba(230,230,230,1) !important;
}
.follow-box{
	justify-content: center;
	cursor: pointer;
}
.follow-btn{
	width: 50px;
	height: 20px;
	font-size: 14px;
	border: 1px solid rgba(230,230,230,1);
	border-radius: 2px;
	line-height: 20px;
	text-align: center;
}
.follow-btn-alread{
	color: red;
	width: 60px;
	height: 20px;
	font-size: 14px;
	border: 1px solid rgba(230,230,230,1);
	border-radius: 2px;
	line-height: 20px;
	text-align: center;
}

.name-reset{
	border: none !important;
}
.expertDetail-box-reset-tow{
	margin-top: 0 !important;
}
.classBox-reset{
	border:1px solid rgba(230,230,230,1);
	margin-top:12px !important;
	padding-top: 8px;
}
.ww-box{
	width: 100%;
	margin-top: 55px;
}
.ww-box .list-box{
	width: 100%;
	padding: 20px 0 20px 0;
	border-top: 1px solid rgba(230,230,230,1);
	display: flex;
	flex-direction: row;
}
.ww-box .list-box .right-box{
	width: 70%;
	flex:1;
	padding-left: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.ww-box .list-box .right-box .expertDetail-title-box{
	/* width: 76%; */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/* overflow: hidden; */
}
.ww-box .list-box .right-box .expertDetail-title-box .title{
	/* width: 65%; */
	font-size:20px;
	font-family:SourceHanSansSC-Medium,SourceHanSansSC;
	font-weight:500;
	color:rgba(51,51,51,1);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ww-box .list-box .right-box .expertDetail-title-box .more{
	font-size:14px;
	font-family:SourceHanSansSC-Regular,SourceHanSansSC;
	font-weight:400;
	color:rgba(153,153,153,1);
	width: 70px;
	text-align: right;
	cursor: pointer;
}
.ww-box .list-box .right-box .expertDetail-title-box .more:hover{
	color: #D8412D !important;
}
.ww-box .list-box .right-box .expertDetail-constent{
	/* width: 76%; */
	font-size:14px;
	font-family:SourceHanSansSC-Regular,SourceHanSansSC;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height:24px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}
.ww-box .list-box .right-box .list-bottom-box{
	/* width: 76%; */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size:14px;
	font-family:SourceHanSansSC-Regular,SourceHanSansSC;
	font-weight:400;
	color:rgba(153,153,153,1);
}
.ww-box .list-box .right-box .list-bottom-box .time-box{
	display: flex;
	flex-direction: row;
	align-items: center;
}
/* 8.22修改部分 */
.expertDetail-box .expert-title-box{
	font-size:22px;
	font-family:SourceHanSansSC-Bold,SourceHanSansSC;
	font-weight:bold;
	color:rgba(51,51,51,1);
}
.expertDetail-box .expert-title-box .title-c{
	color: #D8412D !important;
}
.title-box-padding{
	border:none !important;
}
.cont-box{
	width: 100%;
	display: flex;
	flex-direction: row;
	/* padding: 11px 0 12px 0; */
	border-bottom: 1px solid #DDDDDD;
}
.cont-box-last{
	align-items: center;
}
.word-industry{
	font-size:15px;
	font-family:SourceHanSansSC-Medium,SourceHanSansSC;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:22px;
	padding-left: 8px;
	cursor: pointer;
}
.word-industry:hover{
	color: #D8412D;
}
.word-industry-last{
	font-size:14px;
	font-family:SourceHanSansSC-Regular,SourceHanSansSC;
	font-weight:400;
	color:rgba(51,51,51,1);
	padding-left: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.one-img{
	position: absolute;
}

@media screen and (min-width:768px) {
	.expertDetail-box .expertDetail-w-box{
		/* width: 63.33% !important; */
		padding-right: 20px;
	}
	.expertDetail-box .expertDetail-w-box-reset{
		width: 100% !important;
	}
	.expertDetail-box .consulting-box{
		/* width: 36.67% !important; */
	}
	.expertDetail-box-reset{
		display: flex;flex-direction: row;justify-content: space-between
	}
}

@media screen and (max-width:768px) {
	.expertDetail-box .expertDetail-w-box{
		width: 100% !important;
		display: inline-block;
	}
	.expertDetail-box .topic-w-box{
		margin-top: 20px;
	}
	.expertDetail-box .consulting-box{
		width: 100% !important;
	}
	.expertDetail-box .coolleges-img-box .coolleges-w-box{
		width: 98%;
	}
	.classBox{
		padding: 0 12px 0 12px !important;
	}
	.classFox{
		width: 100% !important;
		margin-right: 0 !important;
	}
	.flexLay{
		justify-content: center;
	}
	.classBox .classFox img{
		width: 100% !important;
		height: auto !important;
	}
	.ww-box .list-box .right-box .expertDetail-title-box .more{
		font-size:10px;
	}
	.expertDetail-box .expert-title-box{
		font-size: 12px !important;
	}
}
.xiegang{
	margin: 0 15px;
}
.expertSpan{
	cursor: pointer;
}
.expertSpan:hover{
	color: #D8412D;
}
.cont-box{
	padding-top: 20px;
}
.rankNum{
	color: #fff;
	font-size:14px;
	text-align: center;
	line-height: 20px;
	border-radius: 6px;
	background:#ccc;
	min-width: 23px;
	height: 20px;
}
.hot{
	background: #D8412D;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
}
.rank1{
	background: #EB9729;
}
.rank2{
	background: #50A2ED;
}
.guanggao{
	position: absolute;
	right: -12px;
	bottom: 8px;
	width:48px;
	color: #fff;
	height:22px;
	line-height: 22px;
	background:rgba(0,0,0,.3); 
	text-align: center;
}
.expertDetail-title-box .title{
	cursor: pointer;
}
.expertDetail-title-box .title:hover{
	opacity: .7;
}
.expertDetail-title-box .expertDetail-constent:hover{
	color:#D8412D;
}
.word-industry-last{
	cursor: pointer;
}
.word-industry-last:hover{
	color: #D8412D;
}
.guanggaoImg{
	width: 300px;
	height: 240px;
}
.word-industry{
	width: 160px; 
}